跳到主要内容

概述（Overview）

分享链接是一种快速的无代码方式，可以让您的 Rive 文件在网站上运行或向客户展示您的图形。

分享链接分享的是您正在处理的文件的当前版本。请注意，这与给某人访问包含所有修订历史的实时文件的权限不同。这个链接将是文件当前状态的一个固定版本。如果您对文件进行更改，您需要生成一个新的分享链接。

从导出菜单生成分享链接。这个链接可以与任何人分享，而不仅仅是您的团队成员。

图片

在分享链接对话框中选择您想要分享的画板、动画或状态机。

图片

点击"生成链接"按钮后，会出现几种分享链接类型：

  • 分享链接（Share Link） - 在 Rive 网站上的唯一 URL 中以边框框架显示。当您想要快速向客户展示您的 Rive 作品，而无需自己在网络应用程序的上下文中进行部署时，可以使用此选项
  • 嵌入链接（Embed Link） - 不带边框框架上下文的独立显示您的 Rive 作品。当您想要将 Rive 作品嵌入到其他支持展开和预览显示的第三方平台（如 Notion、Tome、Telegram）时，使用此链接
  • 嵌入代码（Embed Code） - 允许您在 iframe 中嵌入 Rive 作品嵌入链接的代码片段。这对于需要在可以编辑 HTML 的平台（如 Webflow、WordPress 等）中放置 Rive，且不想处理使用网络运行时设置作品的情况很有用
  • Framer 代码（Framer Code） - 专门用于将 Rive 嵌入到 Framer 网站的代码片段。将其粘贴到新的 Framer 组件中，可以为您提供多个控制 Rive 的选项，如布局配置、动画播放和状态机输入控制。有关如何使用 Framer 代码片段的更多信息，请参阅 Framer 和 Rive 子页面。

图片

分享链接选项

集成（Integrations）​

使用分享链接将您的 Rive 文件与其他知名工具和平台集成！这不是完整列表。大多数工具都会使用此处描述的方法支持 Rive 分享链接。

Framer​

如果您想要将 Rive 带到 Framer 网站，可以在创建分享链接时利用 Framer 组件代码片段；无需自定义代码。通过这种集成，您可以复制指定画板和动画/状态机的代码片段，并将其粘贴到新的 Framer 代码组件中。使用这个新组件，您可以将其拖放到页面中，并控制播放、布局，甚至状态机的使用。

查看 Framer 和 Rive 子页面以了解更多详情和示例。

图片

Framer 中的 Framer 代码组件

Notion​

  1. 复制分享或嵌入链接
  2. 将链接粘贴到 Notion 中
  3. 在上下文菜单中选择嵌入选项

在 Notion 中嵌入分享链接

图片

Webflow​

  1. 复制带有 iframe HTML 块的嵌入代码
  2. 在 Webflow 中，点击 + 号添加组件，并添加嵌入以访问 HTML 嵌入代码编辑器
  3. 粘贴从 Rive 编辑器复制的嵌入代码

在 Webflow 中嵌入代码

图片

Tome​

  1. 复制嵌入链接
  2. 在 Tome 中选择一个幻灯片，添加网页链接
  3. 粘贴从 Rive 编辑器复制的嵌入链接

在 Tome 中嵌入分享链接

图片

社交媒体（Social Media）​

  1. 复制分享链接
  2. 将其粘贴到您喜欢的平台
  3. 发布时查看您的 Rive 作品展开

访问您设置中的分享链接部分来管理您生成的链接。您可以通过将活动开关设置为关闭来禁用分享链接。